<!doctype html>
<html>
<head>
  <meta charset="utf-8">

  <script src="plugins/plugin-loader.js"></script>
  <link rel="stylesheet" href="plugins/plugin-loader.css">  
  
  <link rel="stylesheet" href="css/darkorange4.min.css">
  <link rel="stylesheet" href="css/snap.css">
  <link rel="stylesheet" href="css/custom.css">
  <link rel="stylesheet" href="css/jquery.mobile.iscrollview.css"/>
  <link rel="stylesheet" href="css/jquery.mobile.iscrollview-pull.css"/>
  
  <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=true&language=ja"></script>
  <script type="text/javascript" src="https://ssl.google-analytics.com/ga.js"></script>
  
  <script type="text/javascript" src="js/extend_library/snap.js"></script>
  <script type="text/javascript" src="js/extend_library/jquery.imagemapster.js"></script>
  <script type="text/javascript" src="js/extend_library/jquery.easing.1.3.js"></script>
  <script type="text/javascript" src="js/extend_library/scroll-pull/layer_xy_hack.js"></script>
  <script type="text/javascript" src="js/extend_library/scroll-pull/iscroll.js"></script>
  <script type="text/javascript" src="js/extend_library/scroll-pull/jquery.mobile.iscrollview.js"></script>

  <script type="text/javascript" src="js/service/BookmarksService.js"></script>
  <script type="text/javascript" src="js/service/Bookmarks_keywordsService.js"></script>
  <script type="text/javascript" src="js/service/GenresService.js"></script>
  <script type="text/javascript" src="js/service/KeywordsService.js"></script>  
  <script type="text/javascript" src="js/service/PrefecturesService.js"></script>
  <script type="text/javascript" src="js/service/ScanService.js"></script>  
  <script type="text/javascript" src="js/service/SearchService.js"></script>
  <script type="text/javascript" src="js/service/SettingService.js"></script>
  <script type="text/javascript" src="js/service/MapService.js"></script>
  <script type="text/javascript" src="js/service/DetailProductService.js"></script>
  
  <script type="text/javascript" src="js/util/Connection.js"></script>
  <script type="text/javascript" src="js/util/Util.js"></script>
  <script type="text/javascript" src="js/util/ProductListLoader.js"></script>
  <script type="text/javascript" src="js/util/PullImplement.js"></script> 
  <script type="text/javascript" src="js/util/Messages.js"></script>
  <script type="text/javascript" src="js/util/KMeansClustering.js"></script>
  
  <script type="text/javascript" src="js/controller/IndexController.js"></script>
  <script type="text/javascript" src="js/controller/MonthController.js"></script>
  <script type="text/javascript" src="js/controller/GenreController.js"></script>
  <script type="text/javascript" src="js/controller/KeywordController.js"></script>
  <script type="text/javascript" src="js/controller/PrefController.js"></script>
  <script type="text/javascript" src="js/controller/CityController.js"></script>
  <script type="text/javascript" src="js/controller/BookmarkListController.js"></script>
  <script type="text/javascript" src="js/controller/SearchController.js"></script>
  <script type="text/javascript" src="js/controller/SettingController.js"></script>  
  <script type="text/javascript" src="js/controller/JapanMapController.js"></script>
  <script type="text/javascript" src="js/controller/GoogleMapController.js"></script>
  <script type="text/javascript" src="js/controller/BookmarkRegisterController.js"></script>
  <script type="text/javascript" src="js/controller/DetailProductController.js"></script>
  <script type="text/javascript" src="js/controller/ECSiteController.js"></script>
  <script type="text/javascript" src="js/controller/PageChangeController.js"></script>
  
  <script type="text/javascript" src="js/TestDataBuilder.js"></script>
</head>
<body>
    <!-- ▼トップページ -->
    <div data-role="page" id="pageHome" data-theme="a">    
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        <div data-iscroll="" data-role="content" id="content" class="snap-content pageHome-content">
            <p class="tutorial" style="text-align:right; margin-top:0;"><img src="images/tutorial4.png" style="width:220px; height:100px;"><p>
            <select class="topChoice" name="topChoice" id="topChoice" data-native-menu="true">
                <option selected="selected" value="recentBookmarks">最近のブックマーク</option>           
                <option value="recentScans">スキャン履歴</option>
            </select>
            <ul id="pageTopBookmarkList" data-role="listview"></ul>
            <div class="iscroll-pullup home-pull">
                <span class="iscroll-pull-icon"></span>
                <span class="iscroll-pull-label" data-iscroll-loading-text="読み込み中...">読み込み中...</span>
            </div> 
        </div>       
    </div>
    <!-- ▲トップページ -->
    
    <!-- ▼設定ページ -->    
    <div data-role="page" id="pageSetting" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
    
        <div data-role="content" id="setting-content" class="snap-content pageSetting-content">
            <div id="setting-checkbox">
                <input type="checkbox" id="position-allow-box" name="position-allow-box" value="1">
                <label  for="position-allow-box">
                    <h3>スキャンした位置情報を記憶する</h3>
                    <p>スキャンした位置情報を記憶すると、スキャンした場所で商品を検索することができます。</p>
                </label>
            </div>
            
            <ul data-role="listview" id="setting-listview">
                <li id="license">
                    <a href="#" class="license">                    
                        <h3>ライセンス情報</h3>
                        <p>オープンソースライセンスの詳細</p>
                    </a>
                </li>
                <li>
                    <h3>バージョン</h3>
                    <p>1.0.0</p>
                </li>
            </ul>
        </div>
        
    </div>
    <!-- ▲設定ページ -->
    
    <!-- ▼日本地図 -->
    <div data-role="page" id="pageJapanMap" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-role="content" id="jpmap-content" class="snap-content pageJapanMap-content">
        <div class="main-container">
            <div class="japan-map">
                <img id="Image-Maps_8201311181953084" src="images/maps/japan_map.png" usemap="#Image-Maps_8201311181953084" border="0" alt="" />
                <map id="_Image-Maps_8201311181953084" name="Image-Maps_8201311181953084">
                    <area class="japan-full" shape="poly" coords="779,286,780,279,783,272,783,268,781,262,781,259,784,253,788,247,791,243,797,235,800,230,805,225,810,222,815,215,822,212,825,208,831,206,839,205,844,209,851,211,859,211,864,212,862,207,864,204,872,202,872,207,877,207,881,204,884,199,886,196,892,195,896,192,902,191,907,191,909,185,916,183,922,180,921,177,917,176,913,176,910,180,905,182,901,183,895,184,895,182,892,178,892,172,891,170,889,164,888,160,887,156,883,152,880,148,880,143,883,139,885,135,886,132,888,127,891,123,891,120,893,117,897,111,897,108,895,104,891,110,888,113,885,114,881,118,877,122,871,127,868,130,863,133,859,135,846,134,843,130,835,128,836,124,833,123,828,127,827,122,823,120,815,120,804,118,802,112,797,110,790,107,787,104,783,99,777,97,774,94,770,87,763,83,759,79,754,71,749,68,748,64,743,58,741,51,737,47,732,42,727,35,723,30,719,24,712,20,711,15,704,8,701,11,698,16,695,17,691,19,685,22,685,29,681,33,685,39,690,50,692,58,687,50,696,70,695,80,694,88,693,98,691,103,688,105,688,111,689,116,688,123,687,130,686,134,682,140,676,142,672,143,669,149,671,156,676,164,673,164,673,170,675,177,675,183,673,187,668,195,659,194,655,192,649,188,645,191,640,191,636,187,632,184,629,182,623,180,617,180,615,182,615,188,617,194,621,200,627,204,620,208,616,213,613,219,612,224,608,220,603,223,600,227,597,230,589,230,587,235,588,244,587,250,583,255,584,267,593,271,600,275,600,282,604,289,601,294,597,303,595,311,595,320,603,325,610,322,616,319,618,312,619,307,623,306,629,302,631,295,640,299,647,302,653,302,657,297,658,294,651,290,648,284,643,279,638,274,632,272,629,273,625,270,616,265,611,260,611,254,615,248,618,240,621,236,627,238,632,238,639,243,645,250,649,256,656,252,662,246,671,243,676,239,685,235,697,235,705,240,713,247,720,252,727,256,738,263,744,267,755,273,763,275,772,280,776,286," href="#" alt="" title="北海道"/>
                    <area class="japan-full" shape="poly" coords="586,508,582,516,579,521,575,528,571,531,577,541,581,547,588,551,585,558,581,562,577,565,575,575,575,582,577,588,573,594,571,601,571,606,565,609,560,611,555,612,551,614,550,622,547,628,552,635,552,641,552,648,559,652,566,649,571,646,576,640,586,640,589,637,597,636,601,641,609,647,613,655,624,661,626,656,630,652,638,655,641,653,646,649,651,642,652,634,653,629,655,622,655,612,655,605,654,600,653,595,651,592,649,581,649,576,650,568,651,561,658,554,661,550,664,548,669,547,675,550,682,555,682,549,680,543,680,541,682,528,682,518,685,515,689,508,692,502,701,502,701,497,701,493,704,488,705,480,707,476,707,472,711,467,712,460,710,455,706,456,709,448,709,445,708,438,703,426,698,420,698,414,698,409,695,403,692,398,687,392,682,387,678,381,677,375,675,366,675,356,675,350,675,346,675,341,676,335,677,329,677,325,670,328,667,327,664,325,659,321,653,317,648,316,644,320,642,324,640,330,639,337,639,346,644,345,648,343,652,342,657,341,661,338,663,335,667,345,665,350,663,358,660,363,655,362,653,358,649,355,641,355,641,362,637,366,636,360,633,356,632,352,631,345,630,339,625,339,622,341,620,340,615,338,612,342,608,349,614,351,612,357,611,365,608,371,603,372,599,373,594,374,590,381,588,385,591,393,591,400,595,405,595,413,593,420,590,429,585,433,579,434,579,440,586,443,590,441,596,446,600,454,599,460,597,469,596,476,594,481,592,484,589,487,589,494,589,502,587,507," href="#" alt="" title="東北"/>
                    <area class="japan-full" shape="poly" coords="631,686,633,680,636,673,636,667,638,660,640,657,636,655,628,652,627,656,622,658,615,657,611,652,609,647,606,642,601,637,594,636,587,636,581,641,573,644,567,648,560,650,555,650,550,647,545,644,543,646,537,652,539,648,532,658,529,660,526,663,523,663,518,666,512,670,509,677,507,683,513,687,519,687,519,694,519,703,519,709,524,718,530,724,537,724,539,732,544,737,549,744,547,748,539,754,536,756,541,760,541,766,544,776,549,782,549,773,550,769,554,766,565,765,571,770,574,776,578,769,578,764,574,758,576,755,583,752,582,745,583,741,590,743,594,741,599,745,596,748,593,755,590,757,586,761,585,766,586,774,585,782,585,788,588,793,594,790,596,787,598,781,601,779,608,779,616,774,617,769,619,762,619,759,617,757,619,752,624,749,628,742,634,740,639,735,645,736,642,731,641,726,638,719,632,711,631,705,630,700,629,695,629,691," href="http://www.image-maps.com/" alt="" title="関東"/>
                    <area class="japan-full" shape="poly" coords="524,664,528,659,536,656,539,646,544,642,550,648,550,639,550,631,549,624,549,617,551,612,558,611,563,610,569,608,571,605,570,601,570,598,575,594,577,589,577,582,577,577,577,571,577,568,578,562,581,560,587,557,589,554,588,551,584,548,581,546,578,539,573,537,571,534,568,539,568,544,565,549,564,555,563,562,561,566,557,569,552,574,547,576,541,579,538,582,533,584,530,588,526,597,523,604,517,613,514,619,509,623,503,626,500,628,494,632,490,633,487,633,482,638,476,639,470,643,465,645,459,647,452,650,449,653,448,658,445,659,438,662,431,660,428,657,427,655,427,653,429,649,431,644,430,641,426,641,422,640,421,637,425,633,430,632,432,629,435,626,440,625,442,621,444,617,448,611,445,608,439,608,432,611,429,612,425,615,420,617,413,619,410,624,407,630,409,639,409,645,409,652,409,659,405,668,403,675,399,680,392,684,383,694,389,691,378,699,374,705,370,711,367,717,370,726,372,733,371,738,367,737,365,741,361,742,356,746,353,747,349,747,344,747,338,744,337,750,340,756,347,761,354,762,359,761,363,758,364,754,369,753,373,749,376,747,379,744,380,740,386,743,387,749,391,755,390,761,390,768,395,770,402,772,409,778,414,782,415,791,420,801,425,801,422,798,416,797,429,799,437,799,444,798,438,805,434,807,428,810,433,815,440,813,445,811,453,808,457,805,463,809,473,810,479,808,486,810,493,813,496,810,496,805,498,799,500,795,500,792,508,789,513,785,513,780,517,778,523,777,530,780,526,784,524,788,524,793,523,802,526,808,531,813,534,809,538,804,541,797,546,789,547,784,543,778,543,773,540,769,540,765,540,761,539,757,535,757,536,753,544,751,547,747,548,744,547,738,544,734,539,729,538,725,532,724,527,721,523,717,522,713,519,709,519,706,519,702,517,697,521,695,520,690,520,687,515,686,510,685,506,682,506,678,509,673,512,668,520,666," href="" alt="" title="中部"/>
                    <area class="japan-full" shape="poly" coords="400,837,408,834,411,832,419,834,422,830,423,826,423,821,416,819,412,812,408,812,403,809,400,805,400,799,405,794,407,787,413,784,411,780,404,774,399,771,397,768,393,770,390,766,392,758,392,752,390,749,388,745,383,739,378,739,377,745,375,750,372,751,367,751,364,756,357,761,351,760,344,759,341,756,339,753,339,748,334,747,332,749,327,745,329,738,333,734,326,732,319,732,312,736,306,738,292,738,282,738,279,742,284,751,286,761,286,766,282,773,278,780,275,785,275,795,280,807,284,803,290,801,296,801,302,804,308,810,314,811,320,811,328,809,331,804,337,810,334,817,331,824,325,830,318,832,321,839,322,845,320,847,324,852,319,853,318,859,325,866,331,869,336,870,335,877,340,884,347,888,354,890,360,890,362,884,367,883,368,879,371,872,372,868,379,862,385,858,388,853,388,845,389,841,395,838," href="" alt="" title="近畿"/>
                    <area class="japan-full" shape="poly" coords="223,824,230,821,239,818,246,820,254,819,257,812,266,810,271,805,275,801,275,795,275,791,275,786,277,780,279,774,281,770,286,767,287,761,285,756,282,750,281,742,275,742,267,745,255,746,250,749,244,749,237,748,230,747,223,748,222,752,218,753,217,749,216,747,210,745,207,744,197,746,186,750,182,753,181,760,178,764,172,767,166,773,158,779,153,784,146,790,141,796,134,800,127,806,122,806,117,812,113,817,109,822,103,826,98,826,93,824,85,826,81,829,82,834,82,841,78,842,82,848,84,854,89,853,94,851,98,858,103,857,108,855,112,853,120,853,127,850,130,848,135,851,140,855,143,860,150,862,153,859,157,853,159,848,159,842,161,835,162,828,171,830,168,830,176,838,185,839,190,834,197,832,205,831,211,826,219,828," alt="" title="中国"   />
                    <area class="japan-full" shape="poly" coords="206,921,207,917,210,911,213,905,216,900,218,893,226,892,234,888,241,886,250,886,257,894,264,901,269,899,271,893,277,886,277,880,282,876,290,872,294,869,295,864,297,859,295,854,292,851,291,848,294,842,291,837,284,837,279,835,270,832,267,827,259,827,253,826,245,829,239,833,235,835,237,842,234,848,229,852,219,853,212,854,206,855,203,848,197,845,192,848,187,852,186,857,184,861,181,871,175,875,172,879,165,882,165,891,168,899,174,903,170,906,170,913,170,921,177,924,182,927,180,933,185,937,192,937,201,937,200,932,200,928,201,921," href="#" alt="" title="四国"/>
                    <area class="japan-full" shape="poly" coords="115,991,119,981,119,974,124,967,125,956,127,949,131,944,138,940,142,932,145,929,145,924,141,920,139,916,139,913,138,912,134,911,136,907,139,902,136,901,132,902,125,902,122,902,117,902,115,899,120,897,123,893,129,890,131,886,130,882,129,877,124,872,119,872,115,875,111,879,101,879,94,878,92,872,90,865,86,862,86,856,82,857,79,857,75,857,71,858,68,857,66,860,63,860,58,861,55,865,55,870,53,873,49,878,44,878,39,874,37,877,37,882,33,886,30,886,29,881,25,881,21,881,21,888,20,892,12,894,6,894,6,901,9,909,14,910,10,918,10,926,15,932,19,937,19,944,23,949,29,943,30,939,36,936,40,935,37,943,42,947,49,945,52,943,53,939,55,934,50,930,48,928,43,929,41,923,44,920,42,917,41,911,42,908,48,908,52,917,56,926,61,931,64,936,63,941,59,941,58,944,64,951,60,956,59,959,59,965,56,970,50,974,48,976,43,977,41,981,41,987,42,993,40,996,41,1004,46,1009,49,1015,47,1021,44,1025,38,1023,38,1031,43,1036,51,1037,56,1037,59,1044,64,1042,70,1038,68,1034,66,1030,63,1024,63,1019,67,1013,67,1007,70,1003,76,1010,72,1016,72,1021,76,1006,74,1031,76,1037,71,1045,70,1051,78,1051,83,1050,88,1045,93,1035,95,1031,90,1028,90,1024,96,1022,100,1030,108,1029,109,1024,113,1018,114,1012,117,1005,116,999,117,988," href="#" alt="" title="九州"/>
                    <area class="japan-full"  shape="rect" coords="104,145,369,354" alt="" title="沖縄" href="#"/>
                </map>
            </div><!-- end .full_country-->
            <div class = "pin_tk">
                <img class="pin pin_icon" src="images/icons/ball_pin_64.png" width="48" height ="48" alt="Image"/>
                <div class="pin pin_info">
                    <div class="list_info_wappwer" data-iscroll="">                    
                        <ul class="list_info" id="list_info" data-role="listview" data-theme="b"></ul>                        
                    </div>               
                    <div class="pin_button_control">
                        <a class="pin_button_ok" href="#" data-role="button" data-mini="true" data-icon="check" data-inline="true" data-theme="b">拡大</a>
                        <a class="pin_button_no" href="#" data-role="button" data-mini="true" data-icon="delete" data-inline="true" data-theme="e">閉じる</a>
                    </div>
                </div>
            </div><!-- end pin_tk -->  
           <a class="jpmap-byPref" href="" data-role="button" data-theme="e">都道府県別ブックマーク一覧</a>
        </div>   
        </div>
    </div>
    <!-- ▲日本地図 -->
    
    <!-- ▼地方地図 -->
    <div data-role="page" id="pageLocalMap" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-role="content" id="localmap-content" class="snap-content pageLocalMap-content">
        <div class="main-container">
            <div class="local-map">
                <img id="Image-Maps_8201311181953084-local" src="" usemap="#Image-Maps_8201311181953084-local" border="0" alt="" />
                <map id="_Image-Maps_8201311181953084-local" name="Image-Maps_8201311181953084-local">
                </map>
            </div><!-- end .full_country-->
            <div class = "pin_tk">
                <img class="pin pin_icon-local" src="images/icons/ball_pin_64.png" width="48" height ="48" alt="Image"/>
                <div class="pin pin_info-local">
                    <div class="list_info_wappwer" data-iscroll="">                    
                        <ul class="list_info-local" id="list_info-local" data-role="listview" data-theme="b"></ul>                        
                    </div>               
                    <div class="pin_button_control">
                        <a class="pin_button_ok" href="#" data-role="button" data-mini="true" data-icon="check" data-inline="true" data-theme="b">拡大</a>
                        <a class="pin_button_no" href="#" data-role="button" data-mini="true" data-icon="delete" data-inline="true" data-theme="e">閉じる</a>
                    </div>
                </div>
            </div><!-- end pin_tk -->  
           <a class="jpmap-byPref" href="" data-role="button" data-theme="e">都道府県別ブックマーク一覧</a>
        </div>   
        </div>
    </div>
    <!-- ▲地方地図 -->
    
    <!-- ▼グーグル地図 -->
    <div data-role="page" id="pageGMap" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-role="content" id="gmap-content" class="snap-content pageGMap-content">
        <div class="main-container">
            <div id="g-map-canvas">
            </div>
           <a class="jpmap-byPref" href="" data-role="button" data-theme="e">都道府県別ブックマーク一覧</a>
        </div>        
        </div>
    </div>
    <!-- ▲グーグル地図 -->
    
    <!-- ▼月別 -->
    <div data-role="page" id="pageMonthArchives" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                        
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
    
        <div data-iscroll="" data-role="content" id="month-content" class="snap-content pageMonthArchives-content">
            <p class="tutorial" style="text-align:right; margin-top:0;"><img src="images/tutorial4.png" style="width:220px; height:100px;"><p>
            <ul data-role="listview" id="monthlyList"></ul>
        </div>
    </div>
    <!-- ▲月別 -->
    
    <!-- ▼ジャンル別 -->
    <div data-role="page" id="pageGenreArchives" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" id="genre-content" class="snap-content pageGenreArchives-content">
            <p class="tutorial" style="text-align:right; margin-top:0;"><img src="images/tutorial4.png" style="width:220px; height:100px;"><p>
            <ul id="genreList" data-role="listview" style = "margin-top:10px"></ul>
        </div>
    </div>
    <!-- ▲ジャンル別 -->
    
    <!-- ▼キーワード別 -->
    <div data-role="page" id="pageKeywordArchives" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" id="keyword-content" class="snap-content pageKeywordArchives-content">
            <p class="tutorial" style="text-align:right; margin-top:0;"><img src="images/tutorial4.png" style="width:220px; height:100px;"><p>
            <p class="keywordTutorial" style="text-align:center;"><img src="images/keyword-tutorial2.png" style="width:90%;"><p>
            <ul id="keywordList" data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="キーワードを絞り込めます"></ul>
        </div>
    </div>
    <!-- ▲キーワード別 -->
    
    <!-- ▼都道府県別 -->
    <div data-role="page" id="pagePrefArchives" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>        
        
        <div data-iscroll="" data-role="content" id="prefarchives-content" class="snap-content pagePrefArchives-content">
            <p class="tutorial" style="text-align:right; margin-top:0;"><img src="images/tutorial4.png" style="width:220px; height:100px;"><p>
            <p class="prefTutorial" style="text-align:center;"><img src="images/pref-tutorial.png" style="width:90%;"><p>
            <ul id="prefList" data-role="listview" style = "margin-top:10px"></ul>
        </div>
    </div>
    <!-- ▲都道府県別 -->
    
    <!-- ▼市町村別 -->
    <div data-role="page" id="pageCityArchives" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" id="cityarchives-content" class="snap-content pageCityArchives-content">
            <ul id="cityList" data-role="listview" style = "margin-top:10px"></ul>
            <ul id="prefBookmarkList" data-role="listview" style = "margin-top:25px"></ul>
            
            <div class="iscroll-pullup cityarchives-pull">
                <span class="iscroll-pull-icon"></span>
                <span class="iscroll-pull-label" data-iscroll-loading-text="読み込み中...">読み込み中...</span>
            </div> 
        </div>
    </div>
    <!-- ▲市町村別 -->
    
    <!-- ▼arvhives >> ブックマークリスト -->
    <div data-role="page" id="pageBookmarkList" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" data-theme="b" id="bookmarklistarchives-content" class="snap-content pageBookmarkList-content">
            <a data-role="button" href="" id="bl-control" data-icon="search" data-theme="b">ブックマーク詳細検索</a>
            <ul id="archiveBookmarkList" data-role="listview" style = "margin-top:10px"></ul>            
            <div class="iscroll-pullup bookmarklistarchives-pull">
                <span class="iscroll-pull-icon"></span>
                <span class="iscroll-pull-label" data-iscroll-loading-text="読み込み中...">読み込み中...</span>
            </div>             
        </div>
    </div>
    <!-- ▲arvhives >> ブックマークリスト -->
    
    <!-- ▼ブックマーク検索 -->
    <div data-role="page" id="pageBookmarkListSearch" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" data-theme="b" id="bookmarklistarchivessearch-content" class="snap-content pageBookmarkListSearch-content">
            <label for="wordsearch">商品名</label>
            <input type="text" name="wordsearch" id="wordsearch" value="" class="wordsearch enterFalse">
            
            <label for="termsearch">期間</label>
            <select name="termsearch" id="termsearch" data-native-menu="true">
                <option value="">選択してください</option>
                <option value="1">今日</option>
                <option value="2">1週間以内</option>
                <option value="3">1か月以内</option>
                <option value="4">1年以内</option>
            </select>
            <table>
                <tr>
                    <td><input type="text" placeholder="from" name="fromYMD" id="fromYMD" class="datepicker" value=""></td>
                    <td><p>～</p></td>
                    <td><input type="text" placeholder="to" name="toYMD" id="toYMD" class="datepicker" value=""></td>
                </tr>
            </table>
            
            <label for="genresearch">ジャンル</label>
            <select name="genresearch" id="genresearch" data-native-menu="true">
            </select>
            
            <label>キーワード</label>
            <table style="width:100%;">
                <tr><td style="width:95%;">
                    <input type="text" placeholder="選択してください" name="keywordsearch" id="keywordsearch" value="" class="enterFalse" readonly="readonly">
                    <input type="hidden" name="keywordsearchHidden" id="keywordsearchHidden" value="">
                </td><td>
                    <a href="#" data-role="button" data-icon="delete" data-iconpos="notext" id="keywordsearchDelete"></a>
                </td></tr>
            </table>
            
            <label for="prefsearch">都道府県</label>
            <select name="prefsearch" id="prefsearch" data-native-menu="true">
            </select>
            
            <label id="citysearch-label" for="citysearch">市町村</label>
            <select name="citysearch" id="citysearch" data-native-menu="true">
            </select>
            
            <a data-role="button" href="" id="bookmarkSchBtn" data-icon="search" data-theme="e" style="margin-top: 20px;">検索</a>
            <a data-role="button" href="" id="bookmarkRstBtn" data-icon="delete" data-theme="c">クリア</a>
            
            <a id="showDialogKeyword" class="display-none" href="#dialogKeyword" data-rel="dialog" data-transition="slidedown">ダイアログ表示</a>
        </div>
    </div>
    <!-- ▲ブックマーク検索 -->
    
    <!-- ▼キーワード検索ダイアログ -->
    <div data-role="page" id="dialogKeyword" data-theme="a">    
        <div data-role="content">
            <ul id="keyDialogList" data-role="listview" data-filter="true" data-filter-placeholder="キーワードを絞り込めます">
            </ul>
        </div>
    </div>
    <!-- ▲キーワード検索ダイアログ -->
    
    <!-- ▼商品検索画面 -->
    <div data-role="page" id="pageItemSearch" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" id="itemsearch-content" class="snap-content pageItemSearch-content"　data-theme="b">
            <label for="wordItemSch">フリーワード</label>
            <input class="enterFalse" type="text" name="wordItemSch" id="wordItemSch" value="">
            <label for="priceItemSch">価格帯</label>
            <select name="price" id="priceItemSch"  class="priceItemSch" data-native-menu="true">
                <option value="1" data-placeholder="true">1円～</option>
                <option value="1,000">1,000円～</option> 
                <option value="5,000">5,000円～</option> 
                <option value="10,000">10,000円～</option> 
                <option value="50,000">50,000円～</option>
                <option value="100,000">100,000円～</option>
            </select>                
            <table>
                <tr>
                    <td><input type="tel" placeholder="○円以上" name="fromPrice" id="fromPrice" class="price" value ="1"></td>
                    <td><p>～</p></td>
                    <td><input type="tel" placeholder="○円以下" name="toPrice" id="toPrice" class="price" value =""></td>
                </tr>
            </table>
            <label for="cardItemSch">カード決済OK</label>
            <input type="checkbox" name="cardItemSch" id="cardItemSch" value="0">                
            <label for="postageItemSch">送料込み／送料無料</label>
            <input type="checkbox" name="postageItemSch" id="postageItemSch" value="0">
            
            <a data-role="button" href="" id="itemSchBtn" data-icon="search" data-theme="b">検索</a>
            <a data-role="button" href="" id="itemRsttBtn" data-icon="delete" data-theme="e">クリア</a>
        </div>
    </div>
    <!-- ▲商品検索画面 -->
        
    <!-- ▼商品検索結果画面 -->
    <div data-role="page" id="pageItemSearchResult" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        
        <div data-iscroll="" data-role="content" id="itemsearchresult-content" class="snap-content pageItemSearchResult-content"　data-theme="b"> 
            <div data-role="navbar" id="navItemSearch">
                <ul>
                    <li><a id="navSchItem" class="ui-btn-active" href='#'>商品一覧</a></li>
                    <li><a id="navSchBookmark" href='#'>関連ブックマーク</a></li>
                </ul>
            </div> 
        
            <ul id="schItemList" data-role="listview" style = "margin-top:20px"></ul>
            <ul id="schBookmarkList" data-role="listview" style = "margin-top:20px"></ul>
            
            <div class="iscroll-pullup itemsearch-pull">
                <span class="iscroll-pull-icon"></span>
                <span class="iscroll-pull-label" data-iscroll-loading-text="読み込み中...">読み込み中...</span>
            </div> 
        </div>
    </div>
    <!-- ▲商品検索結果画面 -->
    
    <!-- ▼ブックマーク登録・編集画面 -->
    <div data-role="page" id="pageBookmarkRegister" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        <div data-iscroll="" data-role="content" id="bookmarkregister-content" class="snap-content pageBookmarkRegister-content bookmark_product" data-theme="c">
            <div id="bookmark_form">            
                <div class="text-form">
                    <label for="text-12">商品名</label>
                    <input type="text" name="text-12" id="prod_name" class="bm_input_form" value="" placeholder="商品名..." disabled="disabled">          
                </div>                
                <div class="text-form">
                    <div data-role="fieldcontain">
                    <label for="select-choice-0" class="">ジャンル</label>
                        <select name="select-choice-1"  id="prod_genre" class="bm_input_form" ></select>
                    </div>
                </div>
                <div class="text-form" >              
                    <label id="prod_pref-label">場所</label>                  
                    <textarea type="text" name="text-8" id="prod_pref" class="bm_input_form" pref_code = "" disabled="disabled" pref_no = "" value=""></textarea>                  
                    <label id="no_addressInfor">位置情報を取得できませんでした</label>
                    
                </div>                
                <div class="text-form div_tag"> 
                    <label>キーワード一覧</label>
                    <textarea cols="40" rows="15" name="textarea-13" id="prod_keyword" value="" minlength ="50" ></textarea>                    
                </div>   
                <div class="bm_memo text-form"> 
                    <label>メモ入力</label>
                    <textarea cols="40" rows="15" name="textarea-12" id="prod_memo" value="" minlength ="50" placeholder ="メモ..."></textarea>
                </div>                                                   
                
                <div data-type="horizontal" class="group-bm-button">
                    <a data-role="button" href="" id = "bt_save_bookmark"  data-corners="false" data-theme="a" data-inline="true">保存</a>
                    <a data-role="button" href="" id = "bt_bm_delete" data-corners="false" data-theme="b" data-inline="true">削除</a>
                    <a data-role="button" href="" id = "cancel_bookmark" data-corners = "false" data-theme="e" data-inline="true">キャンセル</a>
                </div>
            </div>
            <!--  keyword input -->
            <div class="control_keyword" id="control_keyword">
                <div class="text-form div_tag"> 
                    <label>キーワード一覧</label>
                    <textarea cols="20" rows="5" name="textarea-12" id="prod_keyword2" value="" placeholder ="スペース区切りでキーワードを入力"></textarea> 
                    「例: プレゼント　おもちゃ」
                </div>                          
                <div class="ui-grid-solo">
                    <div class="ui-block-a center keyword_group_control_buton " data-type="horizontal">
                        <a data-role="button" href="" id = "bt_save_keyword"  data-corners="false" data-theme="a" data-inline="true">OK</a>
                        <a data-role="button" href="" id = "bt_clear_keyword"  data-corners="false" data-theme="a" data-inline="true">キャンセル</a>
                    </div>
                </div>    
                <div class="tab_keyword" data-role="navbar" data-mini="true">
                    <ul>
                        <li><a id="tab-recommend" class="tab_recommend" href="#"  data-theme="a">お勧め</a></li>
                        <li><a id="tab-keyword" class ="tab_keyword_list" href="#"  data-theme="a">キーワード</a></li>
                    </ul>
                </div>
                <div id="recommend_list"></div>
                <div id="all_keyword"></div> 
            </div>   
        </div>
    </div>
    <!-- ▲ブックマーク登録・編集画面 -->
    
    <!-- ▼詳細商品画面：商品一覧画面 -->
    <div data-role="page" id="pageItemList" data-theme="a">
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        <div data-iscroll="" data-role="content" id="pageItemList-content" class="snap-content pageItemList-content">
            
            <div id="pageResult">
                <div id="topproduct">                    
                    <div class="label">
                        <label id="productName"></label> 
                    </div>
                    <div id="productItem">
                        <ul data-role="listview" id="oneProductInfor"></ul> 
                    </div>
                    
                    <div id="bookmark-button" data-type="horizontal">
                        <a href="#" data-role="button" id="star-link" data-inline="true" data-theme="b"></a>
                        <a href="#" data-role="button" id="add-to-atodekau" data-theme="e" style="padding: 6px" data-inline="true">ブックマークする</a>
                    </div>
                </div>

                <div id="ECshop">
                    <div class="label" data-theme="b">販売店一覧</div>
                    <ul data-role="listview" id="listEC"></ul>
                </div>
            </div>
            <div id="pageNoResult">
            </div>
            
        </div>
    </div>
    <!-- ▲詳細商品画面：商品一覧画面 -->
    
    <!-- ▼詳細商品画面：ECサイト画面 -->
    <div data-role="page"  id="pageECsite" data-theme="a" >
        <div class="snap-drawers">
            <ul data-iscroll="" class="snap-drawer snap-drawer-left" data-role="listview">
                <li data-role='list-divider' data-theme="b">メニュー</li>
                <li data-icon="home" data-iconpos="left"><a href="#" class="menu" target="pageHome"><img src="images/icons/home-icon.png" class="ui-li-icon">トップ</a></li>
                <li data-role='list-divider' data-theme="b">ショップから検索</li>
                <li data-icon="search"><a href="#" id="mn-barcodescan"><img src="images/icons/barcode-icon.png" class="ui-li-icon">バーコードスキャン</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageItemSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">フリーワード検索</a></li>                
                <li data-role='list-divider' data-theme="b">ブックマークリスト</li>
                <li data-icon="search"><a href="#" class="menu" target="pageBookmarkListSearch"><img src="images/icons/search-icon.png" class="ui-li-icon">ブックマーク詳細検索</a></li>
                <li data-icon="search"><a href="#" class="menu" target="pageJapanMap"><img src="images/icons/search-icon.png" class="ui-li-icon">マップから探す</a></li>
                <li><a href="#" class="menu" target="pageGenreArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">ジャンル別一覧</a></li>
                <li><a href="#" class="menu" target="pageKeywordArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">キーワード別一覧</a></li>
                <li><a href="#" class="menu" target="pageMonthArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">月別一覧</a></li>                
                <li><a href="#" class="menu" target="pagePrefArchives"><img src="images/icons/bookmark-icon.png" class="ui-li-icon">都道府県別一覧</a></li>
                <li data-role='list-divider' data-theme="b">その他</li>
                <li data-icon="gear"><a href="#" class="menu" target="pageSetting"><img src="images/icons/settings-icon.png" class="ui-li-icon">設定</a></li>
            </ul>
        </div>
        <div data-iscroll="" data-role="content" id="pageECsite-content" class="snap-content pageECsite-content">
            <div id="ec-navbar-wapper">
                <div data-role="navbar" id="ec-navbar"></div>
            </div>
            <ul data-role="listview" id="listProductsView"></ul>
           <div class="iscroll-pullup ecsite-pull">
                <span class="iscroll-pull-icon"></span>
                <span class="iscroll-pull-label" data-iscroll-loading-text="読み込み中...">読み込み中...</span>
            </div>   
       </div>
    </div>
    <!-- ▲詳細商品画面：ECサイト画面 -->
</body>
</html>